@import "../base/deploy";
.m-tooltip {
	position: relative;
	z-index:1000;
	&:after{ 
		content: "\20";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.infobox {
		position: absolute;
		left: 0;
		z-index: 9999;
		i{
			position: absolute;
			top: -12px;
			left: 5px;
			color: rgba(0,0,0,.8); 
			&.l{
				top: 5px;
				left: auto;
				right: -12px!important;
				font-size: 18px;
			}
			&.t {
				top: auto;
				bottom: -11px;
				left: 5px;
				font-size: 18px
			}
			&.r {
				top: auto;
				bottom: 5px;
				left: -12px;
				font-size: 18px;
			}
			&.b {
				top: -11px;
				*top: -9px;
				bottom: auto;
				left: 5px;
				font-size: 18px
			}
		}
		.content {
			color: #fff;
			background: url("@{imgurl}bg-bg.png");
			padding: 5px;
			border-radius: 3px;
			line-height: 18px !important;
			font-size: 12px
		}
		.iconfont {
			line-height: 18px !important
		}
	}
	&.terr{
		.infobox{
			.content{
				background: #FF0004;
			}
			i{
				color: #FF0004;
			}
		}
	}
	&.u-input {
		padding: 0px;
		border: none;
		height: auto;
		text-indent: 0px;
	}
	.ie-placeholder{
		position:absolute;
		display: block;
		float:left;
		top:50%;
		margin-top: -8px;
		left: 8px;
		z-index: 3;
	}
}
